
/*#menuBuilder #nav ul, #menuBuilder #nav ul li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/boxsizing.htc); }*/
/* Begin css layout */

/* Begin css menu default */
/************************ Typography *************************/
.container { *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; }
#menuBuilder .nav-button, .button { padding:0px 14px; margin-bottom:0px; text-align:center; vertical-align:baseline; cursor:pointer; color:#222222; font-size:0.8375rem; background-color:white; border:1px solid #B2B2B2; }
ul { font-size: 0.875em; margin-bottom: 17px; list-style-position: inside; margin-left: 0px; margin-bottom: 0; }
#menuBuilder { direction: ltr; font-family:Arial, Helvetica, sans-serif; line-height: 2.5em; }
#menuBuilder .text_menu_link{line-height: 2.5em;}


/* Begin style.css */
button { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.button { color: #fff;background: #3883cc;}
.button:hover { color: #3883dd; }
#menuBuilder{
    width:100%;
	margin:0;
    height: 39px;overflow: hidden;
    background: transparent;
}
@media screen and (max-width:1024px){
	#menuBuilder { max-width:1100px;width: 100%;height: auto; margin-left:auto; margin-right:auto; margin-top: 0;}
	#menuBuilder .nav-button span { display: inline-block; width: 100% }
	
	#menuBuilder{ margin-left: auto; margin-right:auto; margin-bottom: 0px; padding: 0px; border-width: 0px; background-color:transparent; border-style:none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; }
	#menuBuilder #nav ul:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	
	#menuBuilder #nav ul li a { text-decoration: none; height: 100%; width: 100%; display: table; }
	#menuBuilder #nav ul li a span.icon_menu_handle, #menuBuilder .nav-button i.icon_menu_handle { background-repeat: no-repeat; height: 100%; position: absolute ; left: 0; top: 0; width: 100%; }
	#menuBuilder #nav ul li a span.text_menu_link {color: #767777; display: block;}
	#menuBuilder #nav ul li.menu_items ul { margin-top: 1px; width: 100%; border: none; }
	#menuBuilder #nav ul li ul.submenus{
		cursor: pointer;
		width:100%;
		margin-top:3px;

	}
	#menuBuilder #nav ul li ul li.submenu_items{
		width:100%;
		background-color:transparent;
		border-style:none;
		border-width:0px;
	
	}
	#menuBuilder #nav ul li ul li.submenu_items:hover{
		background-position:0% 0%;
		background-color:transparent;
		background-repeat:repeat;
	}
	#menuBuilder #nav ul li ul li.submenu_items.coffeeBuilderHoverAllSubButtons{
		background-position:0% 0%;
		background-color:transparent;
		background-repeat:repeat;
	}

	#menuBuilder .nav-button{
		margin-left:auto;
		margin-right:auto;
	}
}

ul ul { font-size: 100%; } 

@media screen {
#menuBuilder #nav > ul, #menuBuilder {
	margin: 0px 0%;
	padding: 0px 0%;
}
#menuBuilder {
    margin: 0px auto 0px auto;
    padding: 0px 0%;
}
#menuBuilder .nav-collapse, #menuBuilder #mainmenu, #menuBuilder #mainmenu_preview{
	clear: both;
	display: block;
}

#menuBuilder .nav-button, #menuBuilder .nav-button-slider{
	display: none;
}
#menuBuilder #nav ul li.menu_items {
	float: left;
    padding: 0px 0%;  
    margin: 0px 1% 0px 0%;  
    text-align: center;
    white-space: nowrap;
    width: 10%;
}
#menuBuilder #nav ul li ul.submenus{
    display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0px 0%;
	margin: 3px 0% 1px 0%;
	width: 100%;
	z-index: 2000;
}
#menuBuilder #nav ul li ul li.submenus_items {
    width: 100%;
	margin: 0px 0%;
}
#menuBuilder #nav ul li ul li a{
	text-align: center;
}

#menuBuilder #nav ul li.menu_items:hover > a{z-index: 3000}
#menuBuilder #nav ul li.menu_items:hover .submenus::before{content:""; position:absolute; z-index: 2000; top:-20px; left:0; width:100%; height:20px;}#menuBuilder .nav-button{
max-width:none;
	margin-left:auto;
	margin-right:auto;
}
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
font-family:Tahoma, Geneva, Verdana;
	font-size:1.2em;
	font-weight:normal;
	color:#29401a;
	line-height:1.8em;
}
#menuBuilder #nav ul li.menu_items{
width:16%;
	margin-right:0%;
	margin-left:2%;
	padding-top:4px;
	padding-bottom:4px;
	
}
#menuBuilder #nav ul li.menu_1{
margin:0 0 0 6%;	
}
#menuBuilder #nav ul li ul.submenus{

	border-style:none;
	background-color:transparent;
	width:80%;
	margin:3px 0% auto 10%;

}
#menuBuilder #nav ul li ul li.submenus_items > a span.text_menu_link{
font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	color:#124747;
	font-size:1em;
}
#menuBuilder #nav ul li ul li.submenus_items{
	background-color:#e6e6e6;
	margin-right:0%;
	margin-top:3px;
}

}

@media screen and (max-width:768px){
#menuBuilder #nav ul li ul.submenus{
width:90%;
	margin-right:0%;
	margin-left:5%;
}
#menuBuilder #nav ul li ul li.submenus_items > a span.text_menu_link{
font-size:0.9em;
}
}
@media screen and (max-width:675px){
#menuBuilder #nav ul li.menu_items{
width:18%;
	margin-right:0%;
	margin-left:1.5%;
}
#menuBuilder #nav ul li.menu_1{
margin-top:0px;
	margin-right:0%;
	margin-bottom:0px;
	margin-left:2.7%;
}
}
@media screen and (max-width:600px){
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
font-size:1.1em;
}
}
@media screen and (max-width:525px){
#menuBuilder #nav > ul, #menuBuilder #nav ul li ul.submenus {
	margin: 0px 0%;
	padding: 0px 0%;
}
#menuBuilder {
    margin: 0 auto ;
    padding: 0px 0%;
}
#menuBuilder .nav-collapse, #menuBuilder #mainmenu_preview, #menuBuilder #mainmenu{
	clear: both;
	display: none;
}
#menuBuilder .nav-button, #menuBuilder .nav-button-slider{
	display: block;
}
#menuBuilder .nav-button {	
    text-align: left;
}
#menuBuilder #nav ul li.menu_items {
	width: 100%;
	float: none;
	padding: 0px 0%;
	margin: 2px 0% 0px 0%;
}
#menuBuilder #nav ul li ul li.submenus_items {
	padding: 0px 0%;
	margin: 0px 0%;
	width: 100%;
} 
#menuBuilder #nav ul li.menu_items ul {
	width: 100%;
}
#menuBuilder #nav ul li ul.submenus{
	display: none;
	position: relative;
	top: 100%;
	left: 0;
	padding: 0%;
	width: auto;
	z-index: 2000;
}
#menuBuilder #nav ul li.menu_items a {
	padding: 0px 0%;
}
#menuBuilder #nav ul li a span.text_menu_link {
	height: 100%;
	width: 100%;
	display: block;
}
#menuBuilder .nav-button span{
font-family:Tahoma, Geneva, Verdana;
	font-size:1.4em;
	line-height:1.8em;	
	color:#29401a;
}
#menuBuilder .nav-button i.icon_menu_handle{
background-image:url("../Images/Design/menu_icon.png");
	background-position:90% 54%;
}
#menuBuilder .nav-button{
max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6px;
}
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
color:#29401a;
}

#menuBuilder #nav ul li ul.submenus{
width:80%;
	margin-right:0%;
	margin-left:10%;
	background-color:transparent;
}
#menuBuilder #nav ul li ul li.submenus_items{
margin-right:0%;
	margin-top:0px;
	margin-bottom:5px;
}
}
